<div class="container">
    <div id="page-main" class="container">
        <div class="row">
            <div class="col-xs-12 col-md-8">
                <block name="main-left">左边栏目</block>
            </div>
            <div id="leftMenu" class="col-xs-12 col-md-4" style="position: relative;">
                <div class="card hovercard">
                    <div class="info">
                        <div class="title">物语星空&middot;blog</div>
                        <div class="desc">程序员</div>
                    </div>

                    <blockquote class="blockquote">
                        <p>cease to struggle and you cease to live. 生命不止，奋斗不息。</p>
                        <small>Luoguisheng <cite title="Source Title">Motto</cite></small>
                    </blockquote>

                </div>

                <div style="position:relative;left:-9px;top:-5px;">
                    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=379 height=325 src="//music.163.com/outchain/player?type=0&id=618680725&auto=0&height=430"></iframe>
                </div>


                    <div class="list-group">
                        <a href="#" class="list-group-item active">
                            文章分类
                        </a>

                        <volist name="tree" id="t">
                            <volist name="t" id="tt">
                                <a href="{:U('Index/tags',array('cat_id'=>$tt['cat_id']))}" class="list-group-item article-type">
                                   <span class="badge">
                                       {$tt.count}
                                   </span>
                                   {$tt.cat_name}
                                </a>
                            </volist>
                        </volist>

                    </div>
                    <div class="list-group">
                        <a href="#" class="list-group-item active">
                            热门文章
                        </a>

                        <volist name="click" id="hot">
                            <a href="{:U('Index/article',array('id'=>$hot['art_id']))}" class="list-group-item article-type">
                                <span class="badge">{$hot.art_view}</span>
                                {$hot.art_title}
                            </a>
                        </volist>
                    </div>
                    <div class="list-group list-cloud-a-tag">
                        <a href="#" class="list-group-item active cloud-a-tag">
                            云标签
                        </a>
                        <div class="cloud-a-tag-btn">
                            <volist name='tags' id='vo'>
                                <a href="{:U('Index/tags/tag')}/{$key|trim}" class="label label-{$vo}">{$key}</a>
                            </volist>
                        </div>

                    </div>
                    <div class="list-group">
                        <a href="#" class="list-group-item active">
                            最新评论
                        </a>
                        <!-- 多说最新评论 start -->
                        <div class="ds-recent-comments" data-num-items="3"
                             data-show-avatars="1" data-show-time="1" data-show-title="1"
                             data-show-admin="1" data-excerpt-length="70"></div>
                        <!-- 多说最新评论 end -->

                    </div>
                    <div class="link">
                        <h3> <i class="icon-link"></i> <span>Friendly Link-友情链接</span> </h3>
                        <div class="link-text">

                        <foreach name="link" item="l" >
                            <a href="{$l.link_url}" class="a-link {$color[$key]}">{$l.link_name}</a>
                        </foreach>
                        </div>


                    </div>
            </div>
        </div>
    </div>
    <block name="page"></block>

</div>